$_primary: #3f6df7;
$_success: #67c23a;
$_warning: #e6a23c;
$_danger: #f56c6c;
$_info: #909399;

$_bg-page: #f6f8fc;
$_fill-shadow: 0 0 10px #e3e9f6;

@use 'sass:color';
@forward 'element-plus/theme-chalk/src/common/var.scss' with (
  $colors: (
    'primary': (
      'base': $_primary,
    ),
    'success': (
      'base': $_success,
    ),
    'warning': (
      'base': $_warning,
    ),
    'danger': (
      'base': $_danger,
    ),
    'error': (
      'base': $_danger,
    ),
    'info': (
      'base': $_info,
    ),
  ),
  $bg-color: (
    'page': $_bg-page,
    'hover': color.scale($_bg-page, $lightness: 8%),
  ),
  $box-shadow: (
    'fill': $_fill-shadow,
  ),
  // $table: (
  //   'row-hover-bg-color': var(--el-color-primary-light-9),
  //   'header-bg-color': var(--el-color-primary-light-8),
  //   'bg-color': var(--el-color-warning-light-9),
  //   'tr-bg-color': var(--el-color-success-light-9),
   // )
);
